body {
  background-color: #f1f1f1;
  font-size: 28upx;
  color: #333333;
  font-family: Helvetica Neue, Helvetica, sans-serif;
}
.por-fixed {
  position: fixed;
  width: 100%;
  z-index: 99;
  top: 0;
  left: 0;
}
.w-p100 {
  width: 100%;
}
.headImg {
  width: 104rpx;
  height: 104px;
  border-radius: 50%;
}
.avator {
  width: 60upx;
  height: 60upx;
  border-radius: 50%;
}
.supportIcon {
  width: 375rpx;
  height: 73rpx;
  margin: 0rpx auto;
  padding-bottom: 25rpx;
}
.white-space {
  white-space: normal !important;
}
.pos-rel {
  position: relative !important;
}
.bg-f7 {
  background: #f7f7f7 !important;
}
.color67 {
  color: #676767 !important;
}
.color-96 {
  color: #969799 !important;
}
.color-placeHolder {
  color: #b9bcc5 !important;
}
.lh-50 {
  line-height: 50rpx !important;
}
.lh-55 {
  line-height: 55rpx !important;
}
.pos-abs {
  position: absolute !important;
}
.bor-r16 {
  border-radius: 16rpx !important;
}
.bor-r8 {
  border-radius: 8rpx !important;
}
.border-f1 {
  border: 2rpx solid #ffffff;
}
.bottomUrl {
  width: 100%;
}
.ml-auto {
  margin-left: auto !important;
}
.moreBtns {
  // width:100%;
  margin: 0 16rpx;
  border-radius: 16rpx;
  padding: 20rpx 0;
  text-align: center;
  color: #2a2625;
  border: 1px solid #2a2625;
  font-size: 30rpx;
  font-weight: 600;
}
.h100 {
  height: 100rpx !important;
}
.font-b {
  font-weight: 500 !important;
}
.bor-n {
  border: none !important;
}
// view,
// scroll-view,
// swiper,
// button,
// input,
// textarea,
// label,
// navigator,
// image {
// 	box-sizing: border-box;
// }
.text-cut1 {
  white-space: nowrap !important;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  // -webkit-line-clamp: 1;
  -webkit-box-orient: vertical !important;
  align-content: center !important;
  word-break: break-all !important;
}
.text-cut {
  white-space: normal !important;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical !important;
  align-content: center !important;
  word-break: break-all !important;
}
.text-cut-2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  align-content: center;
  word-break: break-all;
}
.text-cut-3 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  align-content: center;
  word-break: break-all;
}
.round {
  border-radius: 5000upx;
}

.radius {
  border-radius: 6upx;
}

/* ==================
          图片
 ==================== */

image {
  max-width: 100%;
  display: inline-block;
  position: relative;
  z-index: 0;
}

.cu-bar.fixed,
.nav.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1024;
  box-shadow: 0 1upx 6upx rgba(0, 0, 0, 0.1);
}

@font-face {
  font-family: "bssicon";
  src: url("data:application/x-font-woff2;charset=utf-8;base64,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")
    format("woff2");
}
button {
  margin: 0;
  padding: 0;
  background: none;
  line-height: 1;
  &.button-hover {
    background: initial;
    color: initial;
  }
}
button::after {
  display: none;
  background: none;
}

.bssicon {
  font-family: "bssicon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.hr-tag {
  height: 58rpx;
  background: #f2f2f2;
  border-radius: 4rpx;
  color: #666;
  font-size: 24rpx;
  line-height: 58rpx;
  display: inline-block;
  padding: 0 14upx;
  border-radius: 8upx;
}
.bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
  padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
  background: #fff;
  // height: 108upx;
  padding: 16upx 24upx 22upx;
  display: flex;
  align-items: center;

  .bottomBtnCancle {
    text-align: center;
    width: 182upx;
    height: 70upx;
    border-radius: 35upx;
    border: 1px solid #dddddd;
    line-height: 70upx;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .bottomBtnConfirm {
    text-align: center;
    // padding: ;
    width: 182upx;
    height: 70upx;
    border-radius: 35upx;
    line-height: 70upx;
    display: flex;
    align-items: center;
    background: linear-gradient(270deg, #34a76c 0%, #30c075 100%);
    justify-content: center;
    color: #fff;
  }
  .customBtn {
    width: 42upx;
    margin-left: 28upx;

    & > button {
      width: 100% !important;
      display: flex;
      align-items: center;
      flex-direction: column;
    }
  }
  .bottomBtn {
    // margin-right: 24upx;
    height: 70upx;
    line-height: 70upx;
    background: linear-gradient(270deg, #34a76c 0%, #30c075 100%);
    box-shadow: 0px 6upx 24upx 0px rgba(0, 78, 52, 0.12);
    border-radius: 35upx;
    margin-left: auto;
    color: #fff;
    // width: 100%;
    text-align: center;
  }
}
.submitBtn {
  height: 88upx;
  line-height: 88upx;
  background: linear-gradient(270deg, #34a76c 0%, #30c075 100%);
  box-shadow: 0px 6upx 24upx 0px rgba(0, 78, 52, 0.12);
  border-radius: 100upx;
  width: 100%;
  color: #fff;
  // width: 100%;
  text-align: center;
}
.cancleBtn {
  height: 88upx;
  line-height: 88upx;
  background: #fff;
  box-shadow: 0px 6upx 24upx 0px rgba(0, 78, 52, 0.12);
  border-radius: 100upx;
  width: 100%;
  // color: #fff;
  // width: 100%;
  text-align: center;
}
.textareahoud {
  color: #999;
  font-size: 28upx;
}

.pageend {
  color: #9296a0;
  font-size: 24upx;
  text-align: center;
  padding: 32upx 0;
}

/* 关注按钮 */

.attention-btn {
  display: flex;
  align-items: center;
  font-size: 24upx;
  color: #343842;
  .icon {
    margin-right: 6upx;
    width: 32upx;
    height: 32upx;
    background: url(https://mini-client-base-pic.oss-cn-beijing.aliyuncs.com/wx/unfollow.png)
      no-repeat;
    background-size: 32upx;
  }
  &.attented {
    .icon {
      background: url(https://mini-client-base-pic.oss-cn-beijing.aliyuncs.com/wx/followed.png)
        no-repeat;
      background-size: 32upx;
    }
  }
}

/* colorUI修改 */
.text-grey,
.line-grey,
.lines-grey,
.text-gray {
  color: $text-gray;
}
.text-primary {
  color: #fecc00;
}
.bg-primary {
  background-color: #fecc00;
  &.cu-btn {
    color: #ffffff;
  }
}
.bg-gray {
  background-color: #cccccc;
  color: $text-color;
}
.bg-grey {
  background-color: #dddddd;
  color: $text-color;
}
.bg-fff {
  background: #ffff !important;
}
.bg-mainG {
  background: #f5f6f8 !important;
}
.bor-r16 {
  border-radius: 16rpx;
}
.cu-btn.submit-btn {
  height: 76rpx;
  background: linear-gradient(
    90deg,
    rgba(255, 156, 64, 1),
    rgba(255, 197, 100, 1)
  );
  border-radius: 37rpx;
  font-size: $font-size-lg;
  color: #ffffff;
}

.fixed-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  .submit-btn {
    border-radius: 0;
  }
}
.order-handle-footer {
  padding: 10rpx 0;
  background-color: #f7f7fa;
  border-top: 1px solid #eeeeee;
  display: flex;
  flex-direction: row;
  align-items: center;

  .chat-btn {
    flex: 0 0 auto;
    width: 200rpx;
    text-align: center;
    font-size: 24rpx;
    border-right: 1px solid $border-color;
  }

  .price-box {
    padding: 0 30rpx;
    flex: 1 0 auto;

    .iconfont {
      font-size: 60rpx;
      font-weight: bold;
      color: #fe7d00;
    }
  }

  .btn-box {
    padding-right: 28rpx;
  }

  .submit-btn {
    padding: 0 50rpx;
  }
}

.publish-house-form {
  padding-top: 30rpx;
}

//bear
.btn-blue {
  background: #f5ce00;
  border-radius: 32upx;
  line-height: 88upx;
  color: #191a1e;
  text-align: center;
  font-size: 28upx;
}
.btn-blue.btn-red {
  background: #d41111;
}
.btn-blue.around {
  box-shadow: 0 2upx 12upx 0 rgba(0, 209, 213, 0.3);
}
.btn-blue.btn-gray {
  background: #e5e5e5;
}

.btn-blue.btn-blue-round {
  background: #fff;
  border: 1upx solid #ff599e;
  color: #ff599e;
}
.btn-blue.btn-orange {
  background: #ff8a01;
}

//圈子关注搜索等item
.circle-user-item {
  margin: 0 30upx;
  padding: 30upx 0;
  display: flex;
  align-items: center;
  .circle-user-img {
    height: 100upx;
    width: 100upx;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 30upx;
    image {
      width: 100%;
      height: 100%;
    }
  }
  .circle-user-infos {
    .circle-user-name {
      font-weight: bold;
      color: #303133;
      font-size: 28upx;
      height: 40upx;
      width: 350upx;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      margin-bottom: 6upx;
      line-height: 40upx;
    }
    .circle-user-txt {
      color: #606266;
      font-size: 28upx;
    }
  }

  .circle-user-btn {
    height: 50upx;
    line-height: 50upx;
    width: 120upx;
    margin-left: auto;
    font-size: 24upx;
  }
  .circle-user-btn.btn-gray {
    color: #666;
  }
}

.left-w {
  width: 120rpx;
}

//bear

.colorGreen {
  color: #17d499 !important;
}

//分享二维码

.default-hover-class {
  opacity: 0.8;
}

//消息板块
.green_hot_count {
  background: #1cbbb4;
  height: 28upx;
  padding: 0 8upx;
  text-align: center;
  line-height: 28upx;
  font-size: 22upx;
  color: #fff;
  position: absolute !important;
  right: 0upx;
  top: 0upx;
  box-sizing: border-box;
  border-radius: 16upx;
  animation: hot_count_amin 0.5s infinite;
}

@keyframes hot_count_amin {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4upx);
  }

  80% {
    transform: translateY(-4upx);
  }
  100% {
    transform: translateY(0);
  }
}

.grey_content_count_tip {
  // display: none;
  display: flex;
  align-items: center;
  justify-content: center;
  .tip {
    height: 72upx;
    line-height: 72upx;
    padding: 0 34upx;
    background: #393939;
    border-radius: 36px;
    margin: 30upx auto;
    color: #fff;
    font-size: 24upx;
  }
}

.bss-bottom-tip {
  font-size: 24upx;
  color: #999;
  text-align: center;
  width: 100%;
  padding: 30upx 0;
}

.pos-rel {
  position: relative !important;
}
.colorOrange {
  color: #ff7201;
}
.colorBlue {
  color: #458cff !important;
}

.color9 {
  color: #999 !important;
}

// 瀑布流
.list-waterfall-cover {
  .list-box-load {
    position: relative;
    width: 730rpx;
    margin: 0 auto;
    column-count: 2; /* 设置列数 */
    column-gap: 10px; /* 列间距 */
    .item {
      box-sizing: border-box;
      break-inside: avoid; /* 避免在列中断开 */

      width: 360rpx;
      display: flex;
      flex-direction: column;
      margin-bottom: 10rpx;
      background: #fff;
      padding-bottom: 22rpx;
      border-radius: 16rpx;
      box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0, 0, 0, 0.05);
      .checkImg {
        position: absolute;
        top: 14rpx;
        left: 14rpx;
        width: 36rpx !important;
        height: 36rpx !important;
        border-radius: 50%;
        z-index: 1;
      }
      .checked {
        z-index: 2;
      }
      .iconer {
        position: absolute;
        right: 10rpx;
        top: 10rpx;
        width: 28rpx;
        height: 28rpx;
        z-index: 9;
      }
      .picture {
        position: relative;
        overflow: hidden;
        .statusNotes {
          border-top-left-radius: 16rpx;
          border-top-right-radius: 16rpx;
          background: linear-gradient(
            rgba(0, 0, 0, 0.4) 0%,
            rgba(0, 0, 0, 0.3) 30%,
            rgba(0, 0, 0, 0.15) 50%,
            rgba(0, 0, 0, 0) 100%
          );
          background-position: center;
          background-size: cover;
          height: 60rpx;
          z-index: 1;
          position: absolute;
          top: 0;
          right: 0;
          width: 100%;
          font-size: 26rpx;
          font-weight: 600;
          line-height: 60rpx;
          color: #fff;
          & > div {
            text-align: right;
            padding-right: 16rpx;
          }
        }
        .coverList {
          overflow: hidden;
          color: #fff;
          background: url("https://oss-prod.xtrip.vip/common/gonglue/UYWT0dfSF1kqpNPH.png")
            no-repeat;
          position: absolute;
          background-position: center;
          background-size: cover;
          bottom: 0;
          left: 0;
          width: 100%;
          display: flex;
          height: 60rpx;
          z-index: 1;
          font-size: 20rpx;
          line-height: 60rpx;
          flex-direction: rows;
          align-items: center;

          image {
            margin-left: 10rpx;
            width: 28rpx;
            height: 28rpx;
          }
        }

        .addBtnM {
          position: absolute;
          bottom: 0;
          right: 0;
          width: 120rpx;
          height: 84rpx;
          background: linear-gradient(135deg, #ff748e 0%, #ff2b52 100%);
          border-radius: 16rpx 0px 16rpx 0rpx;
          z-index: 2;
          text-align: center;

          image {
            width: 24rpx;
            height: 24rpx;
            margin: 16rpx auto 0;
          }

          view {
            height: 28rpx;
            font-size: 20rpx;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: bold;
            color: #ffffff;
            line-height: 28rpx;
          }
        }

        .addBtnM.delBtn {
          background: linear-gradient(
            135deg,
            #7eb1fe 0%,
            #2648ff 100%
          ) !important;
        }
        & > .pic {
          width: 100%;
          border-radius: 16rpx;
        }
      }
      .pic {
        width: 100%;
        border-radius: 16rpx;
      }
      .title {
        margin: 16rpx 0;
        padding: 0 16rpx;
        font-size: 28rpx;
        font-weight: 500;
        color: #2a2625;
        line-height: 40rpx;
        box-sizing: border-box;
        font-family: PingFangSC-Medium;
      }
      .label {
        padding: 0 16rpx;
        height: 46rpx;
        overflow-y: hidden;
        flex-wrap: wrap;
        display: flex;
        align-items: center;
        & > div {
          // display: inline-block;
          padding: 0 15rpx;
          line-height: 36rpx;
          margin-right: 12rpx;
          border: 1px solid #8f8f8f;
          color: #3e7f68;
          border-radius: 8rpx;
          font-size: 22rpx;
          margin-bottom: 20rpx;
        }
      }
      .price {
        margin: 0 16rpx;
        display: flex;
        padding-bottom: 5rpx;
        // align-items:flex-end;
        font-size: 36rpx;
        color: #f65704;
        font-weight: bold;
        border-bottom: 1px solid #f7f7f7;
      }
      .agent {
        padding: 0 16rpx;
        width: 100%;
        position: relative;
        height: 40rpx;
        line-height: 40rpx;
        color: #cb8369;
        font-size: 24rpx;
        span {
          background: #fcf0e2;
          padding: 5rpx 10rpx;
          border-radius: 8rpx;
        }
        & > .delHouse {
          z-index: 99;
          position: absolute;
          right: 16rpx;
          top: 0;
          bottom: 0;
          margin: auto 0;
          height: 60rpx;
          width: 60rpx;
          // padding: 6rpx 32rpx;
          image {
            margin: 16rpx 0 16rpx 32rpx;
            width: 28rpx !important;
            height: 28rpx !important;
            display: block !important;
          }
        }
      }
      .info {
        padding: 0 16rpx;
        display: flex;
        align-items: center;
        .left {
          display: flex;
          align-items: center;
        }
        .right {
          margin-left: auto;
        }
        .name {
          font-size: 23rpx;
          color: #616161;
          // line-height: 48rpx;
          width: 200rpx;

          // margin-bottom: 2rpx;
        }
        .icon-box {
          display: flex;
          align-items: center;
          .icon {
            width: 24rpx;
            min-width: 24rpx;
            height: 24rpx;
            margin-right: 6rpx;
          }
          .count {
            font-size: 23rpx;
            font-family: PingFangSC-Regular;
            color: #999999;
            line-height: 48rpx;
          }
        }
      }
      .headImg-list {
        width: 24px;
        height: 24px;
        min-width: 24px;
        min-height: 24px;
        border-radius: 50%;
        margin-right: 10rpx;
        border: 1px solid #eaeaea;
        position: relative;
        background: #fff;
        .head-url {
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          width: 22px;
          height: 22px;
          min-width: 22px;
          min-height: 22px;
          border-radius: 50%;
        }
      }
    }
  }
  .list-box {
    position: relative;
    width: 730rpx;
    margin: 0 auto;

    .item {
      position: absolute;
      left: 0;
      top: 0;
      width: 360rpx;
      display: flex;
      flex-direction: column;
      margin-bottom: 10rpx;
      background: #fff;
      padding-bottom: 22rpx;
      border-radius: 16rpx;
      box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0, 0, 0, 0.05);
      .checkImg {
        position: absolute;
        top: 14rpx;
        left: 14rpx;
        width: 36rpx !important;
        height: 36rpx !important;
        border-radius: 50%;
        z-index: 1;
      }
      .checked {
        z-index: 2;
      }
      .iconer {
        position: absolute;
        right: 10rpx;
        top: 10rpx;
        width: 28rpx;
        height: 28rpx;
        z-index: 9;
      }
      .picture {
        position: relative;
        overflow: hidden;
        .statusNotes {
          border-top-left-radius: 16rpx;
          border-top-right-radius: 16rpx;
          background: linear-gradient(
            rgba(0, 0, 0, 0.4) 0%,
            rgba(0, 0, 0, 0.3) 30%,
            rgba(0, 0, 0, 0.15) 50%,
            rgba(0, 0, 0, 0) 100%
          );
          background-position: center;
          background-size: cover;
          height: 60rpx;
          z-index: 1;
          position: absolute;
          top: 0;
          right: 0;
          width: 100%;
          font-size: 26rpx;
          font-weight: 600;
          line-height: 60rpx;
          color: #fff;
          & > div {
            text-align: right;
            padding-right: 16rpx;
          }
        }
        .coverList {
          overflow: hidden;
          color: #fff;
          background: url("https://oss-prod.xtrip.vip/common/gonglue/UYWT0dfSF1kqpNPH.png")
            no-repeat;
          position: absolute;
          background-position: center;
          background-size: cover;
          bottom: 0;
          left: 0;
          width: 100%;
          display: flex;
          height: 60rpx;
          z-index: 1;
          font-size: 20rpx;
          line-height: 60rpx;
          flex-direction: rows;
          align-items: center;

          image {
            margin-left: 10rpx;
            width: 28rpx;
            height: 28rpx;
          }
        }

        .addBtnM {
          position: absolute;
          bottom: 0;
          right: 0;
          width: 120rpx;
          height: 84rpx;
          background: linear-gradient(135deg, #ff748e 0%, #ff2b52 100%);
          border-radius: 16rpx 0px 16rpx 0rpx;
          z-index: 2;
          text-align: center;

          image {
            width: 24rpx;
            height: 24rpx;
            margin: 16rpx auto 0;
          }

          view {
            height: 28rpx;
            font-size: 20rpx;
            font-family: PingFangSC-Semibold, PingFang SC;
            font-weight: bold;
            color: #ffffff;
            line-height: 28rpx;
          }
        }

        .addBtnM.delBtn {
          background: linear-gradient(
            135deg,
            #7eb1fe 0%,
            #2648ff 100%
          ) !important;
        }
        & > .pic {
          width: 100%;
          border-radius: 16rpx;
        }
      }
      .pic {
        width: 100%;
        border-radius: 16rpx;
      }
      .title {
        margin: 16rpx 0;
        padding: 0 16rpx;
        font-size: 28rpx;
        font-weight: 500;
        color: #2a2625;
        line-height: 40rpx;
        box-sizing: border-box;
        font-family: PingFangSC-Medium;
      }
      .label {
        padding: 0 16rpx;
        height: 46rpx;
        overflow-y: hidden;
        flex-wrap: wrap;
        display: flex;
        align-items: center;
        & > div {
          // display: inline-block;
          padding: 0 15rpx;
          line-height: 36rpx;
          margin-right: 12rpx;
          border: 1px solid #8f8f8f;
          color: #3e7f68;
          border-radius: 8rpx;
          font-size: 22rpx;
          margin-bottom: 20rpx;
        }
      }
      .price {
        margin: 0 16rpx;
        display: flex;
        padding-bottom: 5rpx;
        // align-items:flex-end;
        font-size: 36rpx;
        color: #f65704;
        font-weight: bold;
        border-bottom: 1px solid #f7f7f7;
      }
      .agent {
        padding: 0 16rpx;
        width: 100%;
        position: relative;
        height: 40rpx;
        line-height: 40rpx;
        color: #cb8369;
        font-size: 24rpx;
        span {
          background: #fcf0e2;
          padding: 5rpx 10rpx;
          border-radius: 8rpx;
        }
        & > .delHouse {
          z-index: 99;
          position: absolute;
          right: 16rpx;
          top: 0;
          bottom: 0;
          margin: auto 0;
          height: 60rpx;
          width: 60rpx;
          // padding: 6rpx 32rpx;
          image {
            margin: 16rpx 0 16rpx 32rpx;
            width: 28rpx !important;
            height: 28rpx !important;
            display: block !important;
          }
        }
      }
      .info {
        padding: 0 16rpx;
        display: flex;
        align-items: center;
        .left {
          display: flex;
          align-items: center;
        }
        .right {
          margin-left: auto;
        }
        .name {
          font-size: 23rpx;
          color: #616161;
          // line-height: 48rpx;
          width: 200rpx;

          // margin-bottom: 2rpx;
        }
        .icon-box {
          display: flex;
          align-items: center;
          .icon {
            width: 24rpx;
            min-width: 24rpx;
            height: 24rpx;
            margin-right: 6rpx;
          }
          .count {
            font-size: 23rpx;
            font-family: PingFangSC-Regular;
            color: #999999;
            line-height: 48rpx;
          }
        }
      }
      .headImg-list {
        width: 24px;
        height: 24px;
        min-width: 24px;
        min-height: 24px;
        border-radius: 50%;
        margin-right: 10rpx;
        border: 1px solid #eaeaea;
        position: relative;
        background: #fff;
        .head-url {
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          margin: auto;
          width: 22px;
          height: 22px;
          min-width: 22px;
          min-height: 22px;
          border-radius: 50%;
        }
      }
    }
  }
}

// 头部返回首页返回按钮
.topbar {
  box-sizing: content-box;
  height: 88upx;
  padding-top: var(--status-bar-height);
  background: linear-gradient(
    to bottom,
    rgba($color: #26374e, $alpha: 0.5),
    rgba($color: #26374e, $alpha: 0)
  );
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  color: #fff;
  margin: 0;
  .house-name {
    margin-left: 80upx;
    text-align: justify;
    line-height: 88upx;
    max-width: 420upx;
    font-size: $font-size-base;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .share {
    float: right;
    margin-right: 200rpx;
    display: flex;
    align-items: center;
    .img-16 {
      width: 16rpx;
      height: 16rpx;
    }
    .shareIcon {
      width: 68rpx;
      height: 68rpx;
    }
  }
}

.tc {
  text-align: center;
}
.colorMain {
  color: $uni-text-color !important;
}
.color6a {
  color: #6a6a6a !important;
}
.colorB7 {
  color: #b7b7b7 !important;
}
.colorMainG {
  color: #191a1e !important;
}
.colorMainX {
  color: #28211f !important;
}
.font-bold {
  font-weight: bold !important;
  // color:#444!important;
}
.font-normal {
  font-weight: normal !important;
}
.font-bold-list {
  font-weight: bold !important;
  color: #444 !important;
}
.font-bold-nav {
  font-weight: bold !important;
  color: #444 !important;
}
.colorWhite {
  color: #fff !important;
}
.colorOrange {
  color: #ff7201 !important;
}
.flex {
  display: flex;
  // align-items: center;
}
.a-l {
  align-items: center;
}
// 轮播数字透明背景
.bottomIndexBtn {
  position: absolute;
  bottom: 20rpx;
  right: 20rpx;
  border-radius: 18rpx;
  // height: 36rpx!important;
  line-height: 36rpx !important;
  width: auto;
  padding: 0rpx 23rpx;
  height: 36rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20rpx;
  text-align: center;
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  z-index: 6;
}
//详情右上角 分享和转发
.follow-btn {
  background: rgba(0, 0, 0, 0.4);
  padding: 0 20rpx;
  border-radius: 100px;
  display: flex;
  align-items: center;
  height: 40rpx;
  // line-height: 40rpx;
  font-size: 22rpx;
  font-weight: 600;
  color: #ffffff;
  & > image {
    width: 20rpx;
    height: 20rpx;
    margin-right: 6rpx;
  }
  & > div {
    line-height: 40rpx !important;
  }
}

.opacity-45 {
  background: rgba(0, 0, 0, 0.45) !important;
}
.headCss {
  border-radius: 50%;
  background: #fff;
  position: relative;
  border: 1px solid #eaeaea;
  & > image {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
  }
}
.colorbbb {
  color: #bbb !important;
}
.color-6d {
  color: #666d80 !important;
}
.color-75 {
  color: #757575 !important;
}
.color-80 {
  color: #808080 !important;
}
.bglinegC {
  background: linear-gradient(185deg, #dcdcc0, #caba91) !important;
  border: none !important;
}
.colorfff {
  color: #fff !important;
}
.colorPink {
  color: #f5ce00 !important;
}
.color90 {
  color: #909090 !important;
}
.colorPrice {
  color: #fd4e33 !important;
}
.color-1 {
  color: #111;
}
.color-1b {
  color: #1b1b1b;
}

// 补贴申领
.subsidy-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20upx 0;
  height: 170upx;
  background-image: url("https://xingangtong.oss-cn-beijing.aliyuncs.com/common/20250626Ogbm5E.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;

  .subsidy-text {
    flex: none;
    width: 65%;
    margin: 0 auto;
    margin-left: 20%;

    .subsidy-title {
      font-size: 28upx;
      font-weight: bold;
      color: rgba(17, 17, 17, 1);
      display: block;
    }

    .subsidy-subtitle {
      font-size: 20upx;
      color: rgba(139, 150, 154, 1);
      display: block;
      margin-top: 12upx;
    }
  }

  .uni-icons {
    margin-left: 18px;
  }
}
// 职位列表
.job-card {
  background-color: #fff;
  padding: 24upx 20upx;
  border-radius: 16rpx;
  margin-bottom: 24upx;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);

  &:last-child {
    border-bottom: none;
  }
  .card-tops {
    .job-title {
      color: rgba(17, 17, 17, 1);
      font-size: 32upx;
      font-weight: bold;
    }
  }
  .card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;

    .job-title {
      color: rgba(17, 17, 17, 1);
      font-size: 32upx;
      font-weight: bold;
    }

    .job-salary {
      font-size: 32upx;
      color: rgba(237, 96, 7, 1);
      font-weight: bold;
    }
  }

  .card-company {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 26upx;
    color: rgba(51, 51, 51, 1);
    margin-top: 16upx;
  }

  .card-company-location {
    color: rgba(153, 153, 153, 1);
  }

  .card-tags {
    margin-top: 20upx;
    height: 48upx;
    overflow: hidden;

    .tag {
      background-color: rgba(242, 242, 242, 1);
      color: rgba(102, 102, 102, 1);
      font-size: 24upx;
      padding: 0upx 16upx;
      height: 48upx;
      line-height: 48upx;
      border-radius: 8upx;
      margin-right: 10upx;
      margin-bottom: 10upx;
      display: inline-block;
    }
  }

  .card-bottom {
    margin-top: 30upx;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .hr-info {
      display: flex;
      align-items: center;

      .hr-avatar {
        width: 48upx;
        height: 48upx;
        border-radius: 50%;
        margin-right: 16upx;
      }

      .hr-name {
        font-size: 13px;
        color: rgba(51, 51, 51, 1);
      }
    }

    .online-status {
      display: flex;
      align-items: center;
      font-size: 24upx;
      color: rgba(153, 153, 153, 1);

      .dot {
        width: 12upx;
        height: 12upx;
        background-color: #00c86a;
        border-radius: 50%;
        margin-right: 10upx;
      }
    }
  }
}
.colorYellow {
  color: #f5ce00 !important;
}
.colorgray {
  color: #313538 !important;
}
/* 往期回顾*/
.period {
  background: #fff;
  padding: 30rpx 0 30rpx 20rpx;
  border-top-left-radius: 40rpx;
  border-bottom-left-radius: 40rpx;
  position: relative;
  .periodTitle {
    width: 228rpx;
    height: 80rpx;
    margin: 0 auto;
  }
  .more {
    position: absolute;
    top: 26rpx;
    right: 12rpx;
    width: 128rpx;
    height: 52rpx;
  }
  .periodList {
    width: 260rpx;
    display: inline-block;

    image {
      width: 100%;
      height: 346rpx;
    }
    .text {
      width: 80%;
      background: #d8d8d8;
      height: 6rpx;
      margin: 8rpx auto 0;
      border-radius: 200rpx;
      margin-right: 20rpx;
    }
  }
}
/* 特色榜单*/
.featureHouse {
  .featureHouseBg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
  }
  .featureHouseTitle {
    z-index: 2;
    top: 52rpx;
    left: 262rpx;
    font-size: 24rpx;
    position: absolute;
  }
  height: 296rpx;
  border-radius: 32rpx;
  width: 100%;
  .item-list {
    width: 144rpx;
    height: 144rpx;
    // clear: both;
    border-radius: 16rpx;
    display: inline-block;
    position: relative;
    padding: 10rpx 10rpx 0;

    .item-img {
      top: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 16rpx;
    }
    .item-cover {
      top: 0;
      left: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3);
      border-radius: 16rpx;
    }
    .item-text {
      position: relative;
      z-index: 3;
      p {
        color: rgba(255, 255, 255, 0.5);
        font-size: 20rpx;
      }
      div {
        font-weight: 500;
        color: #ffffff;
        font-size: 24rpx;
      }
    }
    .item-next {
      right: 16rpx;
      bottom: 16rpx;
      position: absolute;
      width: 24rpx;
      height: 24rpx;
    }
  }
}
scroll-view {
  white-space: nowrap;
}
.color-green {
  color: #00c86a !important;
}
.color-21 {
  color: #212121 !important;
}
.color-ae {
  color: #aeaeae;
}
.color-d {
  color: #ddd;
}
.color-yellowG {
  color: #ebe53c !important;
}
.color-3 {
  color: #333;
}
.color-96 {
  color: #969799 !important;
}
.color-0d {
  color: #0d0d12 !important;
}
.font-500 {
  font-weight: 500 !important;
}
.color-b9 {
  color: #b9bcc5 !important;
}
.color-b6 {
  color: #b6b6b6 !important;
}
.color-80 {
  color: #808a8d !important;
}
.color-6a {
  color: #6a6a6a !important;
}
.color-greenG {
  color: #298465 !important;
}
.color-orange {
  color: #ff7f53 !important;
}
.color-red {
  color: #ff1f00 !important;
}
.color-greenG {
  color: #4d7b6c !important;
}
.color-fff {
  color: #fff !important;
}
.color-97 {
  color: #979797 !important;
}
.font-500 {
  font-weight: 500 !important;
}
.color-b {
  color: #bbb !important;
}
.color-c6 {
  color: #c6c6c6 !important;
}
.color-6 {
  color: #666 !important;
}
.color-7 {
  color: #777 !important;
}
.color-3b {
  color: #3b3b3b;
}
.color-9 {
  color: #999 !important;
}
.bor-b {
  border-bottom: 1px solid #e2e2e2;
}

.pageBox {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  z-index: 99999;
}
.swiperContent {
  // margin: 20upx;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16upx;
  /*  声明行的高度  */
  // grid-template-rows: 292upx;

  .collect-card {
    border-radius: 16upx;
    background: #fff;
    height: 292upx;
    overflow: hidden;

    .collect-img {
      width: 100%;
      height: 180upx;
    }

    .collect-info {
      padding: 16upx 20upx;

      .collect-name {
        width: 180upx;
      }
    }
  }
}
